<template>
  <div>
    <el-cascader
      v-model="cascaderValue"
      :options="options"
      :props="props"
      clearable
      @change="changeHandle"
    />
    <el-row style="margin-top: 1em;">
      <el-input v-if="item.config.requireDetailAddr"
                @input="changeHandle"
                type="textarea"
                :rows="2"
                placeholder="请输入详细地址"
                v-model="detailAddr">
      </el-input>
    </el-row>
  </div>
</template>

<script>
import {
  regionData
} from "./data"
import mixin from './mixin'

export default {
  name: 'ProvinceCity',
  mixins: [mixin],
  data() {
    return {
      options: regionData,
      props: {
        label: 'label',
        value: 'label',
        children: 'children'
      }
    }
  },
  methods: {

  }
}
</script>
